<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="../../Style/skin.css" />
    <link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
    
    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../js/bootstrap.min.js"></script>
    <style type="text/css">
        .white_content{  
            display: none;  
            position: absolute;  
            top: 10%;  
            left: 33%;  
            width: 400px;  
            border: 2px solid #d3d3d3;  
            background-color: #f2f2f2;  
            z-index: 1002;
            height: 300px;   
            /* overflow: auto; */   
        }
        .userlist{
            width: 400px;
            height: 200px;
            text-align: center;

        }
        #leftSelect{
            width: 130px;
            height: 200px;
            
        } 
        #rightSelect{
            width: 130px;
            height: 200px;
            
        }
        #adddiv{
            text-align: center;
            margin: 13px auto;
        }
    </style>
</head>
    <body>
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <!-- 头部开始 -->
            <tr>
                <td width="17" valign="top" background="../../Images/mail_left_bg.gif">
                    <img src="../../Images/left_top_right.gif" width="17" height="29" />
                </td>
                <td valign="top" background="../../Images/content_bg.gif">
                    <table width="100%" height="31" border="0" cellpadding="0" cellspacing="0" background="./../../Images/content_bg.gif">
                        <tr><td height="31"><div class="title">制定流程</div></td></tr>
                    </table>
                </td>
                <td width="16" valign="top" background="../../Images/mail_right_bg.gif"><img src="../../Images/nav_right_bg.gif" width="16" height="29" /></td>
            </tr>
            <!-- 中间部分开始 -->
            <tr>
                <!--第一行左边框-->
                <td valign="middle" background="../../Images/mail_left_bg.gif">&nbsp;</td>
                <!--第一行中间内容-->
                <td valign="top" bgcolor="#F7F8F9">
                    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
                        <!-- 空白行-->
                        <tr><td colspan="2" valign="top">&nbsp;</td><td>&nbsp;</td><td valign="top">&nbsp;</td></tr>
                        <tr>
                            <td colspan="4"></td>
                        </tr>
                        <!-- 一条线 -->
                        <tr>
                            <td height="40" colspan="4">
                                <table width="100%" height="1" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
                                    <tr><td></td></tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="2%">&nbsp;</td>
                            <td width="96%">
                                <table width="100%">
                                    <tr>
                                        <td colspan="2">
                                            <form action="" method="">
                                                <table width="100%"class="cont">
                                                    <tr>
                                                        <td width="2%">&nbsp;</td>
                                                        <td width="10%">流程名：</td>
                                                        <td width="25%"><input class="text" placeholder="限长，非空必填" /></td>
                                                        <td></td>
                                                        <td width="2%">&nbsp;</td>
                                                    </tr>
                                                     
                                                    <tr>
                                                        <td width="2%">&nbsp;</td>
                                                        <td>所属项目：</td>
                                                        <td >
                                                            <select>
                                                                <option>项目1</option>
                                                                <option>项目2</option>
                                                                <option>项目3</option>
                                                            </select>
                                                        </td>
                                                        <td></td>
                                                        <td width="2%">&nbsp;</td>
                                                    </tr>
                                                    <tr>
                                                        <td width="2%">&nbsp;</td>
                                                        <td>制定人：</td>
                                                        <td >
                                                            ${user.username}
                                                        </td>
                                                        <td></td>
                                                        <td width="2%">&nbsp;</td>
                                                    </tr>
                                               
													<tr>
                                                        <td>&nbsp;</td>
                                                        <td>流程说明：</td>
                                                        <td><textarea placeholder="输入流程的相关说明"></textarea></td>
                                                        <td></td>
                                                        <td>&nbsp;</td>
                                                    </tr>
                                                 
                                                    <tr>
                                                        <td>&nbsp;</td>
                                                        <td colspan="2" align="center">
															<input class="btn" onclick="location='result.html'" type="button" value="保存" />&nbsp;&nbsp;&nbsp;
															<input class="btn" onclick="location='list.html'" type="button" value="返回" />
														</td>
                                                        <td></td>
                                                        <td>&nbsp;</td>
                                                    </tr>
                                                </table>
                                            </form>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td width="2%">&nbsp;</td>
                        </tr>
                        <!-- 客户资源修改结束 -->
                        <tr>
                            <td height="40" colspan="4">
                                <table width="100%" height="1" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
                                    <tr><td></td></tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td width="2%">&nbsp;</td>
                            <td width="51%" class="left_txt">
                                
                            </td>
                            <td>&nbsp;</td><td>&nbsp;</td>
                        </tr>
                    </table>
                </td>


                <td background="../../Images/mail_right_bg.gif">&nbsp;</td>
            </tr>
            <!-- 底部部分 -->
            <tr>
                <td valign="bottom" background="../../Images/mail_left_bg.gif">
                    <img src="../../Images/buttom_left.gif" width="17" height="17" />
                </td>
                <td background="../../Images/buttom_bgs.gif">
                    <img src="../../Images/buttom_bgs.gif" width="17" height="17">
                </td>
                <td valign="bottom" background="../../Images/mail_right_bg.gif">
                    <img src="../../Images/buttom_right.gif" width="16" height="17" />
                </td>           
            </tr>
        </table>

    </body>
    <script type="text/javascript">
        
        /*  $(document).ready(function(){
                //将左边数据移动到右边
                $("#right").click(function(){
                //将左边option中选中的值赋给vSelect变量
                var vSelect=$("#leftSelect option:selected");
                //将数据添加到rightSelect中
                vSelect.clone().appendTo("#rightSelect");
                //同时删除leftSelect中的数据
                vSelect.remove();                   
                });
  
                //将右边数据移动到左边
                $("#left").click(function(){
                    var vSelect=$("#rightSelect option:selected");
                    //将右边的数据追加到左边列表中
                    vSelect.clone().appendTo("#leftSelect");
                    vSelect.remove();
                });
  
                //将左边全部数据移到右边
                $("#rightAll").click(function(){
                    $("#rightSelect").append($("#leftSelect>option"));
                    $("#leftSelect>option").remove();
                });
  
                //将右边数据全部移到左边
                $("#leftAll").click(function(){
                    $("#leftSelect").append($("#rightSelect>option"));
                    $("#rightSelect>option").remove();
                });
            });
 */


        /*function goToAdd()  
        {  
            var name = document.getElementById("name").value;
            var user = document.getElementById("user").value;
            var index = document.getElementById("index").value;
            var indexafter = parseInt(index) + 1; 
            document.getElementById("index").value= indexafter;
            var list = document.getElementById("list");
            var listvalue = document.getElementById("list").value;
            var oneRow = list.insertRow();//插入一行  
            var cell1= oneRow.insertCell();//单单插入一行是不管用的，需要插入单元格  
            var cell2=oneRow.insertCell();
            var cell3=oneRow.insertCell();
            var cell4=oneRow.insertCell();
            var cell5=oneRow.insertCell();  
            cell1.innerHTML = indexafter;   
            cell2.innerHTML="第"+indexafter+"步";
            cell3.innerHTML = name; 
            cell4.innerHTML = user; 
            cell5.innerHTML = "<a href='#'>修改</a>&nbsp;&nbsp;<a href='#' onclick='javascript:confirm("+'"确定删除该计划吗？"'+")'>删除</a>&nbsp;&nbsp;";

            document.getElementById("MyDiv").style.display='none';  
            document.getElementById("fade").style.display='none';  
        };*/

        function goToAdd()  
        {  
            var all = $("#users").html();
            $("#rightSelect option").each(function() {
                all += $(this).html()+"、";
            });
            
            $("#users").html(all);
            document.getElementById("MyDiv").style.display='none';  
           
        };
        function ShowDiv(show_div){  
       
        document.getElementById(show_div).style.display='block';  
        }; 
        
        //关闭弹出层  
        function CloseDiv(show_div)  
        {  
            
          
            document.getElementById(show_div).style.display='none';  
        };  
          

    </script>
</html>